<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>map高德地图</title>
	<style>
		*{margin:0;padding:0;}
		#container,#container1,#container2{width:800px; min-height:500px;float:left;margin:10px;height:100%;}
	    .taiwan{ border: solid 1px red; color: red; float: left; width: 80px; background-color: rgba(255,0,0,0.1) }
	    #container1{display:none;}

	</style>
	<script src="http://webapi.amap.com/maps?v=1.4.0&key=68f1f7850d75a2c422f417cc77331395&plugin=AMap.DragRoute"></script>
</head>
<body>
	<div id="container"></div>
	<div id="container1"></div>
	<div id="container2"></div>
</body>
</html>
<script>
	var provinces = [
		{ "name": "北京市", "center": "116.405285,39.904989", "type": 0, "subDistricts": [] }, 
		{ "name": "天津市", "center": "117.190182,39.125596", "type": 1, "subDistricts": [] }, 
		{ "name": "河北省", "center": "114.502461,38.045474", "type": 1, "subDistricts": [] }, 
		{ "name": "山西省", "center": "112.549248,37.857014", "type": 1, "subDistricts": [] }, 
		{ "name": "内蒙古自治区", "center": "111.670801,40.818311", "type": 1, "subDistricts": [] }, 
		{ "name": "辽宁省", "center": "123.429096,41.796767", "type": 1, "subDistricts": [] }, 
		{ "name": "吉林省", "center": "125.3245,43.886841", "type": 1, "subDistricts": [] }, 
		{ "name": "黑龙江省", "center": "126.642464,45.756967", "type": 1, "subDistricts": [] }, 
		{ "name": "上海市", "center": "121.472644,31.231706", "type": 1, "subDistricts": [] }, 
		{ "name": "江苏省", "center": "118.767413,32.041544", "type": 1, "subDistricts": [] }, 
		{ "name": "浙江省", "center": "120.153576,30.287459", "type": 1, "subDistricts": [] }, 
		{ "name": "安徽省", "center": "117.283042,31.86119", "type": 1, "subDistricts": [] }, 
		{ "name": "福建省", "center": "119.306239,26.075302", "type": 1, "subDistricts": [] }, 
		{ "name": "江西省", "center": "115.892151,28.676493", "type": 1, "subDistricts": [] }, 
		{ "name": "山东省", "center": "117.000923,36.675807", "type": 1, "subDistricts": [] }, 
		{ "name": "河南省", "center": "113.665412,34.757975", "type": 1, "subDistricts": [] }, 
		{ "name": "湖北省", "center": "114.298572,30.584355", "type": 1, "subDistricts": [] }, 
		{ "name": "湖南省", "center": "112.982279,28.19409", "type": 1, "subDistricts": [] }, 
		{ "name": "广东省", "center": "113.280637,23.125178", "type": 1, "subDistricts": [] }, 
		{ "name": "广西壮族自治区", "center": "108.320004,22.82402", "type": 1, "subDistricts": [] }, 
		{ "name": "海南省", "center": "110.33119,20.031971", "type": 1, "subDistricts": [] }, 
		{ "name": "重庆市", "center": "106.504962,29.533155", "type": 1, "subDistricts": [] }, 
		{ "name": "四川省", "center": "104.065735,30.659462", "type": 1, "subDistricts": [] }, 
		{ "name": "贵州省", "center": "106.713478,26.578343", "type": 1, "subDistricts": [] }, 
		{ "name": "云南省", "center": "102.712251,25.040609", "type": 1, "subDistricts": [] }, 
		{ "name": "西藏自治区", "center": "91.132212,29.660361", "type": 1, "subDistricts": [] }, 
		{ "name": "陕西省", "center": "108.948024,34.263161", "type": 1, "subDistricts": [] }, 
		{ "name": "甘肃省", "center": "103.823557,36.058039", "type": 1, "subDistricts": [] }, 
		{ "name": "青海省", "center": "101.778916,36.623178", "type": 1, "subDistricts": [] }, 
		{ "name": "宁夏回族自治区", "center": "106.278179,38.46637", "type": 1, "subDistricts": [] }, 
		{ "name": "新疆维吾尔自治区", "center": "87.617733,43.792818", "type": 1, "subDistricts": [] }, 
		{ "name": "台湾省", "center": "121.509062,25.044332", "type": 2, "subDistricts": [] }, 
		{ "name": "香港特別行政區", "center": "114.173355,22.320048", "type": 1, "subDistricts": [] }, 
		{ "name": "澳門特別行政區", "center": "113.54909,22.198951", "type": 1, "subDistricts": [] }
	];








	/*
		Map : 构造函数
		有两种使用方式：
		第一：直接配置参数
			两个参数：
			第一个参数：是地图容器，可以是一个id，或者一个DOM节点
			第二个参数：是一个对象，配置相关的地图信息，如地图的中心店，放大级别等
			01. view : 地图视口，用于控制影响地图静态显示的属性，如：地图中心点 "center" 推荐直接使用zoom、center属性为地图指定级别和中心点
			02. layers : Array 地图图层数组，数组可以是图层 中的一个或多个，默认为普通二维地图。 
						当叠加多个图层时，普通二维地图需通过实例化一个TileLayer类实现
			03. zoom : 表示放大的级别，只能是正整数
			04. center : LngLat 地图中心点坐标值[ 经度, 维度 ]
			05. labelzIndex : Number 地图标注显示顺序，大于110即可将底图上的默认标注显示在覆盖物（圆、折线、面）之上。
			06. zooms : Array 数组，地图显示的缩放级别范围。在PC上，默认为[3,18]，取值范围[3-18]； 在移动设备上，默认为[3,19],取值范围[3-19]
			07. lang ：String 地图语言类型，可选值：zh_cn：中文简体，en：英文，zh_en：中英文对照。默认为: zh_cn：中文简体
			08. cursor ：String 地图默认鼠标样式。参数cursor应符合CSS的cursor属性规范
			09. crs ： String 地图显示的参考坐标系，取值：'EPSG3857''EPSG3395' 'EPSG4326'
			10. animateEnable ：Boolean 地图平移过程中是否使用动画
				（如调用panBy、panTo、setCenter、setZoomAndCenter等函数，将对地图产生平移操作，是否使用动画平移的效果），
				默认为true，即使用动画，在地图移动或放大等变化过程中，有缓动效果
			11. isHotspot ：Boolean 是否开启地图热点，默认false 不打开
			12. rotateEnable ：Boolean 地图是否可旋转，默认false。3D视图默认为true，2D视图默认false。（V1.3版本新增，3D视图自V1.4.0开始支持 2017-09-06）
			13. resizeEnable : Boolean 是否监控地图容器尺寸变化，默认值为false
			14. showIndoorMap : Boolean 是否在有矢量底图的时候自动展示室内地图，PC端默认是true，移动端默认是false( 室内 )
			15. indoorMap ：IndoorMap 在展示矢量图的时候自动展示室内地图图层，当地图complete之后可以获取到该对象( 室内 )
			16. expandZoomRange ：Number 是否支持可以扩展最大缩放级别，和zooms属性配合使用，设置为true的时候，zooms的最大级别在PC上可以扩大到20级，移动端还是高清19/非高清20
			17. dragEnable ：Boolean 地图是否可通过鼠标拖拽平移，默认为true。此属性可被setStatus/getStatus 方法控制
			18. zoomEnable : Boolean 地图是否可缩放，默认值为true。此属性可被setStatus/getStatus 方法控制
			19. doubleClickZoom ：Boolean 地图是否可通过双击鼠标放大地图，默认为true。此属性可被setStatus/getStatus 方法控制
			20. keyboardEnable ：Boolean 地图是否可通过键盘控制,默认为true 方向键控制地图平移，
				"+"和"-"可以控制地图的缩放， Ctrl+"→"顺时针旋转，Ctrl+"←"逆时针旋转。 此属性可被setStatus/getStatus 方法控制
			21. jogEnable ：Boolean 地图是否使用缓动效果，默认值为true。此属性可被setStatus/getStatus 方法控制 与 animateEnable 差不多
			22. scrollWheel : Boolean 地图是否可通过鼠标滚轮缩放浏览，默认为true。此属性可被setStatus/getStatus 方法控制
			23. touchZoom : Boolean 地图在移动终端上是否可通过多点触控缩放浏览地图，默认为true。关闭手势缩放地图，请设置为false。
			24. mapStyle : 设置地图的显示样式，目前支持两种地图样式：
				第一种：自定义地图样式，如"amap://styles/d6bf8c1d69cea9f5c696185ad4ac4c86",可前往地图自定义平台定制自己的个性地图样式；
				第二种：官方样式模版,如"amap://styles/grey"。 其他模版样式及自定义地图的使用说明见开发指南
			25. features : Array 设置地图上显示的元素种类 支持'bg'（地图背景）、'point'（POI点）、'road'（道路）、'building'（建筑物）
			26. showBuildingBlock : Boolean 设置地图显示3D楼块效果，移动端也可使用。推荐使用。
			27. viewMode : String 默认为‘2D’，可选’3D’，选择"3D"会显示 3D 地图效果。（自V1.4.0开始支持 2017-09-06）
			28. pitch : Number 俯仰角度，默认0，[0,83]，2D地图下无效 。（自V1.4.0开始支持 2017-09-06）
			29. pitchEnable : Boolean 是否允许设置俯仰角度，3D视图下为true，2D视图下无效。（自V1.4.0开始支持 2017-09-06）
			30. buildingAnimation : Boolean 楼块出现和消失的时候是否显示动画过程，3D视图有效，PC端默认true，手机端默认false。（自V1.4.0开始支持 2017-09-06）
			31. skyColor : String 调整天空颜色，配合自定义地图，3D视图有效，如‘#ff0000’。（自V1.4.0开始支持 2017-09-06）



		第二： 地图实例的方法 ：
			1. poiOnAMAP(obj:Object) (暂时没理解意义)
				功能：唤起高德地图客户端marker页， 其中Object里面包含有
				参数：{ id: "B000A7BD6C",POIID name:String, 必要参数 location:LngLat|position属性  必须参数 }
				返回值：无
			2. detailOnAMAP(obj:Object) (暂时没理解意义)
				功能：唤起高德地图客户端marker详情页 其中Object里面包含有
				参数：{ id: "B000A7BD6C",POIID name:String, 必要参数 location:LngLat|position属性  必须参数 }
				返回值：无
			3. getZoom()
				功能：Number 获取当前地图缩放级别,在PC上，默认取值范围为[3,18]；在移动设备上，默认取值范围为[3-19]，[获取地图放大级别]
					  3D地图会返回浮点数，2D视图为整数。（3D地图自V1.4.0开始支持 2017-09-06）
				参数：无
				返回值：Number	  
		    4. getLayers()
		    	功能：获取地图图层数组，数组为一个或多个图层
		    	参数：无
		    	返回值：Array
	    	5. getCenter()
	    		功能：获取地图中心点经纬度坐标值。[用于获取当前地图的中心位置]
	    		参数：无
	    		返回值：LngLat
	    	6. getContainer()
	    		功能；获取地图容器
	    		参数：无
	    		返回值：HTMLDivElement 返回地图对象的容器
	    	7. getCity(callback:function(result))
	    		功能：获取地图中心点所在区域，回调函数返回对象属性分别对应为{省，市，区/县}，[ 返回地图中心区域所在的省市区/县]
	    		参数：回调函数
	    		返回值：{province, city, citycode, district}
	    	8. getBounds()
	    		功能：获取当前地图视图范围，获取当前可视区域。3D地图下返回类型为AMap.ArrayBounds，2D地图下仍返回AMap.Bounds。
	    		（3D自V1.4.0开始支持 2017-09-06）
				参数：无
				返回值：bounds
			9. getlabelzIndex() (暂时没理解意义)
				功能：获取当前地图标注的显示顺序
				参数：无
				返回值：Number
			10. getLimitBounds() (暂时没理解意义)  
				功能：获取Map的限制区域
				参数：
				返回值：Bounds
			11. getLang()
				功能：获取底图语言类型
				参数：无
				返回值：String
			12. getSize()
				功能：获取地图容器像素大小
				参数：无
				返回值：Size {width:width,height:hight}
			13. getRotation()
				功能：获取地图顺时针旋转角度
				参数：无
				返回值：Number
			14. getStatus()
				功能：获取当前地图状态信息，包括是否可鼠标拖拽移动地图、地图是否可缩放、地图是否可旋转（rotateEnable）、
					是否可双击放大地图、是否可以通过键盘控制地图旋转（keyboardEnable）等
				参数：无
				返回值：Object
			15. getDefaultCursor()
				功能：获取地图默认鼠标指针样式
				参数：无
				返回值：String
			16. getResolution(point:LngLat)
				功能：获取指定位置的地图分辨率，单位：米/像素。 
					参数point有指定值时，返回指定点地图分辨率，point缺省时，默认返回当前地图中心点位置的分辨率
				参数：[经度,维度]
				返回值：Number 分辨率
			17. getScale(dpi:Number)
				功能：获取当前地图比例尺。其值为当前地图中心点处比例尺值的倒数
				参数：像素( 分辨率 )
				返回值：Number 
			18. setZoom(level:Number)
				功能：设置地图显示的缩放级别，在PC上，参数zoom可设范围：[3,18]；
					在移动端：参数zoom可设范围：[3,19] 3D地图下，可将zoom设置为浮点数。（3D自V1.4.0开始支持 2017-09-06 ）
				参数：级别 Number
				返回值：无
			19. setlabelzIndex(index:Number) (暂时没理解意义) 
				功能：设置地图标注显示的顺序
				参数：Number
				返回值：无
			20. setLayers(layers:Array) (暂时没理解意义) 
				功能：设置地图图层数组，数组为一个或多个图层。当叠加多个图层时，普通二维地图需通过实例化一个TileLayer类实现（自v1.3 新增）
				参数：数组
				返回值：无
			21. add(overlayers:Array) (暂时没理解意义)
				功能：添加地图覆盖物数组，数组为一个或多个覆盖物。
				参数：数组
				返回值：无
			22. remove(overlayers:Array) (暂时没理解意义)
				功能：删除地图覆盖物数组，数组为一个或多个覆盖物。
				参数：数组
				返回值：无
			23. getAllOverlays(type) (暂时没理解意义)
				功能：返回添加的覆盖物对象，可选类型包括marker、circle、polyline、polygon；
					Type可缺省，缺省时返回所有覆盖物（marker、circle、polyline、polygon）。 
					返回结果不包含官方覆盖物等，比如定位marker，周边搜索圆等
			24. setCenter(position:LngLat)
				功能：设置地图显示的中心点
				参数：[经度,维度]
				返回值：无
			25. setZoomAndCenter(zoomLevel:Number,center:LngLat)
				功能：地图缩放至指定级别并以指定点为地图显示中心点
				参数：级别,[经度,维度]
			26. setCity(city:String，callback:Functon)
				功能：按照行政区名称或adcode来设置地图显示的中心点。 
					行政区名称支持中国、省、市、区/县名称，如遇重名的情况，会按城市编码表顺序返回第一个。
					adcode请在城市编码表中查询。 
					建议不要同时使用center/setCenter()和setCity()，如一起使用程序将以setCity()作为最后结果。
				参数：字符串，回调函数，回调函数返回经纬度
				返回值: 无返回值
			27. setBounds(bound:Bounds) ( 待验证 )
				功能：指定当前地图显示范围，参数bounds为指定的范围
				参数：
				返回值：
			28. setLimitBounds(bound:Bounds)
				功能：设置Map的限制区域，设定区域限制后，传入参数为限制的Bounds。地图仅在区域内可拖拽   
				参数：
				返回值：
			29. clearLimitBounds()
				功能：清除限制区域
				参数：无
				返回值：无
			30. setLang(lang:String)
				功能：设置地图语言类型，设置后底图重新加载
				参数：字符串
				返回值：无
			31. setRotation(rotation:Number)
				功能：设置地图顺时针旋转角度，旋转原点为地图容器中心点，取值范围 [0-360]（自v1.3 新增）
				参数：number
				返回值：无
			32. setStatus(status:Object)
				功能：设置当前地图显示状态，包括是否可鼠标拖拽移动地图、
					地图是否可缩放、地图是否可旋转（rotateEnable）、是否可双击放大地图、
					是否可以通过键盘控制地图旋转（keyboardEnable）等 
				参数：
				返回值：
			33. setDefaultCursor(cursor:String)
				功能：设置鼠标指针默认样式，参数cursor应符合CSS的cursor属性规范。
					可为CSS标注中的光标样式，如：setCursor(“pointer”)等；
					或者自定义的光标样式，如： setCursor ("url('http://lbs.amap.com/webapi/static/Images//0.png'), pointer")
				参数：字符串
				返回值：无
			34. zoomIn()
				功能：地图放大一级显示
				参数：无
				返回值：无
			35. zoomOut()
				功能：地图缩小一级显示
				参数：无
				返回值：无
			36. panTo(positon:LngLat)
				功能：地图中心点平移至指定点位置 [ 移动地图中心店坐标 ]
				参数：[经度,纬度]
				返回值：无
			37. panBy(x:Number,y:Number) (暂时没理解意义)
				功能：以像素为单位，沿x方向和y方向移动地图，x向右为正，y向下为正
				参数：像素
				返回值：无
			38. setFitView(overlayList:Array) (暂时没理解意义)
				功能：根据地图上添加的覆盖物分布情况，自动缩放地图到合适的视野级别，参数overlayList默认为当前地图上添加的所有覆盖物图层
				参数：数组
				返回值：无
			39. clearMap()
				功能：删除地图上所有的覆盖物
				参数：无
				返回值：无
			40. destroy()
				功能：销毁地图对象
				参数：无
				返回值：无
			41. plugin(name:String/Array,callback:Function)
				功能： 插件加载方法。参数name中指定需要加载的插件类型，同时加载多个插件时，以字符串数组的形式添加。
					在Callback回调函数中进行地图插件的创建、插件事件的绑定等操作；插件为地图功能的扩展，按需加载
				参数：
				返回值：
			42. addControl(obj:Object)
				功能：添加控件。参数可以是插件列表中的任何插件对象，如：ToolBar、OverView、Scale等
				参数：控件对象
				返回值：无
			43. removeControl(obj:Object)
				功能：移除地图上的指定控件
				参数：控件对象
				返回值：
			44. clearInfoWindow()
				功能：清除地图上的信息窗体。
				参数：无
				返回值：无
			45. pixelToLngLat(pixel:Pixel,level:Number)
				功能：平面地图像素坐标转换为地图经纬度坐标
				参数：像素，
				返回值：
			46. lnglatToPixel (lngLat:LngLat,level:Number)
				功能：地图经纬度坐标转换为平面地图像素坐标
				参数：
				返回值：
			47. containerToLngLat(pixel:Pixel) 
				功能：地图容器像素坐标转为地图经纬度坐标
				参数：
				返回值：
			48. lngLatToContainer(lnglat:LngLat)
				功能：地图经纬度坐标转为地图容器像素坐标
				参数；[经度,纬度]
				返回值：像素
			49. setMapStyle(style:String)
				功能：设置地图的显示样式，目前支持两种地图样式： 
					第一种：自定义地图样式，如"amap://styles/d6bf8c1d69cea9f5c696185ad4ac4c86"可前往地图自定义平台定制自己的个性地图样式； 
					第二种：官方样式模版,如"amap://styles/grey"。
				参数：String
				返回值：无
			50. getMapStyle()
				功能：获取地图显示样式
				参数：无
				返回值：无
			51. setFeatures(feature:Array)
				功能：设置地图上显示的元素种类，支持bg（地图背景）、point（兴趣点）、road（道路）、building（建筑物）
				参数：数组
				返回值：无
			52. getFeatures()
				功能：获取地图显示元素种类
				参数：无
				返回值：Array
			53. setDefaultLayer(layer:TileLayer) (暂时没理解意义)
				功能：修改底图图层
				参数：
				返回值：
			54. setPitch(Number)
				功能：设置俯仰角,3D视图有效（自V1.4.0开始支持 2017-09-06）
				参数；Number
				返回值：无
			55. getPitch()
				功能：获取俯仰角（自V1.4.0开始支持 2017-09-06）
				参数：无
				返回值：Number

		第三：事件处理
			事件通过 on 绑定
			1. complete 
				地图加载完成后触发事件，相当于onload，返回事件类型
			2. click 
				点击触发事件
				回调函数：返回，点击回调返回信息 pixel、lnglat、target
			3. dblclick 
				双击触发 
				回调函数：返回，双击回调返回信息 pixel、lnglat、target
			4. hotspotclick
				鼠标 点击 热点触发事件
				回调函数可以获取，热点的 id, 热点名称，热点坐标，是否在户外，以及事件类型 {type,lnglat,name,id}
			5. hotspotover
				鼠标 滑过 热点时触发
				回调函数可以获取，热点的 id, 热点名称，热点坐标，是否在户外，以及事件类型 {type,lnglat,name,id}
			6. hotspotout
				鼠标 移出 热点时触发
				回调函数可以获取，热点的 id, 热点名称，热点坐标，是否在户外，以及事件类型 {type,lnglat,name,id}
			7. movestart 
				地图平移开始时触发 [ 地图缩放也会触发该事件 ] MapsEvent
			8. mapmove 
				拖动地图触发事件，返回事件类型 [ 地图缩放也会触发该事件 ] MapsEvent
			9. moveend
				地图移动结束后触发，包括平移，以及中心点变化的缩放。如地图有拖拽缓动效果，则在缓动结束后触发,[有缓动效果也会触发事件，放大或者缩小等俊辉触发该事件] MapsEvent
			10. mousemove 
				鼠标在地图上移动时触发 [ 只要鼠标在地图上移动便出发事件 类似 hover ] MapsEvent
			11. mousewheel
				鼠标滚轮 开始 缩放地图时触发 MapsEvent
			12. mouseover
				鼠标移入地图容器内时触发 MapsEvent
			13. mouseout
				鼠标移出地图容器时触发 MapsEvent
			14. mouseup
				鼠标在地图上单击抬起时触发 MapsEvent
			15. mousedown 
				鼠标在地图上单击按下时触发 MapsEvent
			16. rightclick
				鼠标右键单击事件
			17. dragstart
				开始拖拽地图时触发 [ 只有在发生拖拽的时候才会触发 注意与 movestart 的区别 ]，只返回事件类型
			18. dragging
				拖拽地图过程中触发 只返回事件类型
			19. dragend
				停止拖拽地图时触发。如地图有拖拽缓动效果，则在拽停止，缓动开始前触发
			20. resize ( 没发现用处 )
				地图容器大小改变事件
			21. touchstart 
				触摸开始时触发事件，仅适用移动设备
			22. touchmove
				触摸移动进行中时触发事件，仅适用移动设备
			23. touchend
				触摸结束时触发事件，仅适用移动设备 

	View2D 类
		AMap.View2D(opt:View2DOptions) 实例化
		在 初始化 Map 是 view 的一个的实例
		new AMap.View2D({
			center:[经度,维度],
			rotation:Number,
			zoom:Number,
			crs:'' // 'EPSG3857' 'EPSG3395' 'EPSG4326'， 默认值：'EPSG3857'
		});
		
	AMap.ArrayBounds 类
		new AMap.ArrayBounds( bounds:Array[LngLat/Pixel] );
		contains( LngLat/Pixel ) ： 实例的方法，判断传入的点是否在ArrayBounds内
		bounds ： 构造时传入的参数







	











	*/
	// 方式一
	var container = document.getElementById('container');


	var map1 = new AMap.Map(container,{
		mapStyle:'amap://styles/normal', // 设置地图的样式，系统提供11种样式模板
		lang : 'zh_cn', // 默认中文, en：英文，zh_en：中英文对照
		zoom : 18, // zoom 设置当前级别
		center : [ 120.153576, 30.287459 ],
		zooms : [ 3, 18 ], // 设置缩放级别，一共是3-18级
		resizeEnable : false, // 是否监控地图容器尺寸变化，默认值为false
		animateEnable : false,
		cursor : 'help',
		isHotspot : true, // 是否开启地图热点，默认false 不打开
		doubleClickZoom : true, // 双击放大，默认是true
		dragEnable : true, // 是否可拖拽
		rotateEnable : true, // 地图是否可旋转，默认false。 3D视图默认为true，2D视图默认false
		scrollWheel : true, // 地图是否可通过鼠标滚轮缩放浏览，默认为true。此属性可被setStatus/getStatus 方法控制
		touchZoom : true, // 手机端双击和多点放大，默认为 true
		jogEnable : false, // 地图是否使用缓动效果
		features : ['bg','point','road','building'],
		showBuildingBlock : false,// 建筑物是否以 3D 的形式显示
		viewMode : '2D', // 视图模式，启用3d后效果的缓动会有差异
		keyboardEnable : true, // 地图是否可通过键盘控制，默认为true
		skyColor : '#ff0000', // 天空颜色
		expandZoomRange : 20, // 扩展缩放最大级别
		buildingAnimation : true , // 楼块出现和消失的时候是否显示动画过程，3D视图有效，PC端默认true，手机端默认false
	});

	var map2 = new AMap.Map('container1',{
		mapStyle:'amap://styles/normal', // 设置地图的样式，系统提供11种样式模板
		lang : 'zh_cn', // 默认中文, en：英文，zh_en：中英文对照
		zoom : 18, // zoom 设置当前级别
		center : [ 120.153576, 30.287459 ],
		zooms : [ 3, 18 ], // 设置缩放级别，一共是3-18级
		resizeEnable : false, // 是否监控地图容器尺寸变化，默认值为false
		animateEnable : false,
		isHotspot : true, // 是否开启地图热点，默认false 不打开
		doubleClickZoom : true, // 双击放大，默认是true
		dragEnable : true, // 是否可拖拽
		rotateEnable : true, // 地图是否可旋转，默认false。 3D视图默认为true，2D视图默认false
		scrollWheel : true, // 地图是否可通过鼠标滚轮缩放浏览，默认为true。此属性可被setStatus/getStatus 方法控制
		touchZoom : true, // 手机端双击和多点放大，默认为 true
		jogEnable : true, // 地图是否使用缓动效果
		features : ['bg','point','road','building'],
		showBuildingBlock : false, // 建筑物是否以 3D 的形式显示
		viewMode : '2D', // 视图模式
		keyboardEnable : true, // 地图是否可通过键盘控制，默认为true
		skyColor : '#ff0000', // 天空颜色
		expandZoomRange : 20, // 扩展缩放最大级别
		buildingAnimation : true , // 楼块出现和消失的时候是否显示动画过程，3D视图有效，PC端默认true，手机端默认false
	});
	var marker = new AMap.Marker({
		position:[120.153576,30.287459] ,
		offset: new AMap.Pixel(-12,-12),
		zIndex: 101,
		title: '浙江省',
		map: map2,
		content: '我是一个测试，看看哈',
	});

	var map3 = new AMap.Map('container2',{
		view : new AMap.View2D({
			center : [ 120.153576, 30.287459 ],
			zoom : 8, // zoom 设置当前级别
			// rotation : -30,
			// crs : 'EPSG3395'
		}),
		mapStyle : 'amap://styles/normal', // 设置地图的样式，系统提供11种样式模板
		lang : 'zh_cn', // 默认中文, en：英文，zh_en：中英文对照
		zooms : [ 3, 18 ], // 设置缩放级别，一共是3-18级
		resizeEnable : false, // 是否监控地图容器尺寸变化，默认值为false
		animateEnable : false,
		cursor : 'help',
		isHotspot : true, // 是否开启地图热点，默认false 不打开
		doubleClickZoom : true, // 双击放大，默认是true
		dragEnable : true, // 是否可拖拽
		rotateEnable : true, // 地图是否可旋转，默认false。 3D视图默认为true，2D视图默认false
		scrollWheel : true, // 地图是否可通过鼠标滚轮缩放浏览，默认为true。此属性可被setStatus/getStatus 方法控制
		touchZoom : true, // 手机端双击和多点放大，默认为 true
		jogEnable : false, // 地图是否使用缓动效果
		features : ['bg','point','road','building'],
		showBuildingBlock : false,// 建筑物是否以 3D 的形式显示
		viewMode : '2D', // 视图模式，启用3d后效果的缓动会有差异
		keyboardEnable : true, // 地图是否可通过键盘控制，默认为true
		skyColor : '#ff0000', // 天空颜色
		expandZoomRange : 20, // 扩展缩放最大级别
		buildingAnimation : true , // 楼块出现和消失的时候是否显示动画过程，3D视图有效，PC端默认true，手机端默认false
	});


	console.log(map1.getLayers(),'getLayers');
	console.log(map1.getCenter(),'getCenter');
	console.log(map1.getZoom(),'getZoom');
	console.log(map1.getContainer(),'getContainer');

	map1.getCity(function(result){
		console.log( result.province + ' ' + result.city + ' ' + result.district, 'getCity');
	});
	console.log( map1.getBounds(), 'getBounds' );
	// console.log( map1.getlabelzIndex(), 'getlabelzIndex' );
	console.log( map1.getLimitBounds(), 'getLimitBounds' );
	console.log( map1.getLang(), 'getLang' );
	console.log( map1.getSize(), 'getSize' );
	console.log( map1.getRotation(), 'getRotation' );
	console.log( map1.getStatus(), 'getStatus' );
	console.log( map1.getDefaultCursor(), 'getDefaultCursor' );
	console.log( map1.getResolution(map1.getCenter()), 'getResolution' ); // 获取分辨率
	console.log( map1.getScale( map1.getResolution(map1.getCenter()) ), 'getScale' ); // 获取比例尺
	console.log( map1.setZoom( 8 ), 'setZoom' ); // 设置 显示级别
	// console.log( map1.setlabelzIndex( 8 ), 'setlabelzIndex' ); // 
	console.log( map1.setCenter( [119.306239,26.075302] ), 'setCenter' ); // 设置 地图中心
	map1.setZoomAndCenter( 14,[120.153576,30.287459]) // 设置 显示级别
	var result = map1.setCity('北京',function( result ){
		console.log( result,'北京' );
	}) // 设置 显示级别

	// console.log( map1.setLang('en'), 'setLang' );
	console.log( map1.setRotation(-30), 'setRotation' );
	console.log( map1.setDefaultCursor('move'), 'setDefaultCursor' );
	var count = 0;
	var timeout = setInterval(function(){
		count++;
		if( count == 1){
			console.log( map1.zoomIn(), 'zoomIn' );
		}else if( count == 2 ){
			console.log( map1.zoomOut(),'zoomOut');
		}else{
			clearTimeout( timeout );
			// console.log( map1.panTo([119.306239,26.075302]), 'panTo' );
			// map1.panBy([100,200]);
		}
	},2000);
	console.log( map1.getMapStyle(), 'getMapStyle' );
	console.log( map1.getFeatures(), 'getFeatures' );
	// console.log( map2.setFeatures(['point']), 'setFeatures' );

	map2.on('complete',function( e ){
		document.getElementById('container1').style.display = 'block';
		console.log(e,'complete');
		console.log('加载完毕');
	});
	map2.on('click',function( e ){
		console.log(e,'click');
	});
	map2.on('dblclick',function( e ){
		console.log(e,'dblclick');
	});
	map2.on('mapmove',function( e ){
		console.log(e,'mapmove');
	});
	// map2.on('hotspotclick',function( e ){
	// 	console.log(e,'hotspotclick')
	// });
	map2.on('movestart',function( e ){
		console.log('移动开始','movestart');
	});
	// map2.on('moveend',function( e ){
	// 	console.log('移动结束','moveend');
	// });
	// map2.on('zoomchange',function( e ){
	// 	console.log( e, 'zoomchange' );
	// });

	// map2.on('mousemove',function( e ){
	// 	console.log( e, 'mousemove' );
	// });

	// map2.on('mousewheel',function( e ){
	// 	console.log( e, 'mousewheel' );
	// });
	// map2.on('mouseup',function( e ){
	// 	console.log( e, 'mouseup' );
	// });
	// map2.on('mousedown',function( e ){
	// 	console.log( e, 'mousedown' );
	// });
	// map2.on('rightclick',function( e ){
	// 	console.log( e, 'rightclick' );
	// });

	map2.on('dragstart',function( e ){
		console.log( e, 'dragstart' );
	});

	map2.on('dragging',function( e ){
		console.log( e, 'dragging' );
	});
	map2.on('dragend',function( e ){
		console.log( e, 'dragend' );
	});








	// 自定义定时器






	// console.log( map, 'map' );

	// 方式二 ：
	// var map = new AMap.Map('container1');
	// 	map.setZoom(10);
	// 	map.setCenter([91.132212,29.660361]);

	// var map = new AMap.Map('container',{
	//     zoom: 10,
	//     center: [116.39,39.9]//new AMap.LngLat(116.39,39.9)
	// });



		// var map = new AMap.Map('container',{resizeEnable: true,zoom:4});
		// var marker;
		// var amap = new AMap.Size(1000,1000);

   //      var markers = []; //province见Demo引用的JS文件
   //      for (var i = 0; i < provinces.length; i += 1) {
			// var marker;
			// if (provinces[i].type === 0) {
			// 	var icon = new AMap.Icon({
			// 		image: 'https://vdata.amap.com/icons/b18/1/2.png',
			// 		size: new AMap.Size(300, 300),
			// 		imageSize: new AMap.Size(10,10) // 设置背景图片的大小
			// 	});
			// 	marker = new AMap.Marker({
			// 		icon: icon,
			// 		position: provinces[i].center.split(','),
			// 		offset: new AMap.Pixel(-12,-12),
			// 		zIndex: 101,
			// 		title: provinces[i].name,
			// 		map: map
			// 	});
			// }else{
			// 	marker = new AMap.Marker({
			// 		position: provinces[i].center.split(','),
			// 		title: provinces[i].name,
			// 		map: map
			// 	});
   //      		if (provinces[i].type === 2) {
   //    				var content= "<div class='taiwan'>宝岛台湾</div>";
   //    				baodao = new AMap.Marker({
   //    					content: content,
   //    					position: provinces[i].center.split(','),
   //    					title: provinces[i].name,
   //    					offset: new AMap.Pixel(0,0),
   //    					map: map
   //    				});
	  //           }
			// }
   //  		markers.push(marker);
   //  	}
		// // map.setFitView();

		// mapObj = new AMap.Map('iCenter');
		// mapObj.plugin('AMap.Geolocation', function () {
		//     geolocation = new AMap.Geolocation({
		//         enableHighAccuracy: true,//是否使用高精度定位，默认:true
		//         timeout: 10000,          //超过10秒后停止定位，默认：无穷大
		//         maximumAge: 0,           //定位结果缓存0毫秒，默认：0
		//         convert: true,           //自动偏移坐标，偏移后的坐标为高德坐标，默认：true
		//         showButton: true,        //显示定位按钮，默认：true
		//         buttonPosition: 'LB',    //定位按钮停靠位置，默认：'LB'，左下角
		//         buttonOffset: new AMap.Pixel(10, 20),//定位按钮与设置的停靠位置的偏移量，默认：Pixel(10, 20)
		//         showMarker: true,        //定位成功后在定位到的位置显示点标记，默认：true
		//         showCircle: true,        //定位成功后用圆圈表示定位精度范围，默认：true
		//         panToLocation: true,     //定位成功后将定位到的位置作为地图中心点，默认：true
		//         zoomToAccuracy:true      //定位成功后调整地图视野范围使定位位置及精度范围视野内可见，默认：false
		//     });
		//     mapObj.addControl(geolocation);
		//     geolocation.getCurrentPosition();
		//     AMap.event.addListener(geolocation, 'complete', function(e){

		//     	// console.log(e.position,'c');

		//   //   	var icon = new AMap.Icon({
		// 		// 	image: 'https://vdata.amap.com/icons/b18/1/2.png',
		// 		// 	size: new AMap.Size(300, 300)
		// 		// });
		// 		// marker = new AMap.Marker({
		// 		// 	icon: icon,
		// 		// 	position: [e.position.lng, e.position.lng],
		// 		// 	offset: new AMap.Pixel(-12,-12),
		// 		// 	zIndex: 101,
		// 		// 	title:'当前位置' ,
		// 		// 	map: map
		// 		// });
		// 		// markers.push(marker);
		// 		// map.setFitView();

		    	
		//     });//返回定位信息
		//     AMap.event.addListener(geolocation, 'error', function(e){
		//     	console.log(e,'e');
		//     });      //返回定位出错信息
		// });
</script>
